<!DOCTYPE html>
<html lang="en">
<!--<< Header Area >>-->
<head>
	<!-- ========== Meta Tags ========== -->
	<meta charset="UTF-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta name="author" content="modinatheme"/>
	<meta
			name="description"
			content="DalTech - IT Solution & Technology Html Template"/>
	<!-- ======== Page title ============ -->
	<title>DalTech - IT Solution & Technology Html Template</title>
	<!--<< Favcion >>-->
	<link rel="shortcut icon" href="assets/img/preloader.svg"/>
	<!--<< Bootstrap min.css >>-->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
	<!--<< Font Awesome.css >>-->
	<link rel="stylesheet" href="assets/css/font-awesome.css"/>
	<!--<< Animate.css >>-->
	<link rel="stylesheet" href="assets/css/animate.css"/>
	<!--<< Magnific Popup.css >>-->
	<link rel="stylesheet" href="assets/css/magnific-popup.css"/>
	<!--<< MeanMenu.css >>-->
	<link rel="stylesheet" href="assets/css/meanmenu.css"/>
	<!--<< Slick.css >>-->
	<link rel="stylesheet" href="assets/css/slick.css"/>
	<!--<< Nice Select.css >>-->
	<link rel="stylesheet" href="assets/css/nice-select.css"/>
	<!--<< Main.css >>-->
	<link rel="stylesheet" href="assets/css/main.css"/>
	<!--<< Style.css >>-->
	<link rel="stylesheet" href="style.css"/>
</head>

<body>
<!-- Preloader Start -->
<div id="preloader" class="preloader">
	<div class="animation-preloader">
		<div class="spinner"></div>
		<div class="txt-loading">
			<span data-text-preloader="望" class="letters-loading">望</span>
			<span data-text-preloader="今" class="letters-loading">今</span>
			<span data-text-preloader="科" class="letters-loading">科</span>
			<span data-text-preloader="技" class="letters-loading">技</span>
		</div>
		<p class="text-center">Loading</p>
	</div>
	<div class="loader">
		<div class="row">
			<div class="col-3 loader-section section-left">
				<div class="bg"></div>
			</div>
			<div class="col-3 loader-section section-left">
				<div class="bg"></div>
			</div>
			<div class="col-3 loader-section section-right">
				<div class="bg"></div>
			</div>
			<div class="col-3 loader-section section-right">
				<div class="bg"></div>
			</div>
		</div>
	</div>
</div>

<!--<< Mouse Cursor Start >>-->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>

<!-- Offcanvas Area Start -->
<div class="fix-area">
	<div class="offcanvas__info">
		<div class="offcanvas__wrapper">
			<div class="offcanvas__content">
				<div
						class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
					<div class="offcanvas__logo">
						<a href="index.html">
							<img src="assets/img/logo/logo5.svg" alt="logo-img"/>
						</a>
					</div>
					<div class="offcanvas__close">
						<button>
							<i class="fas fa-times"></i>
						</button>
					</div>
				</div>
				<p class="d-none d-lg-block">
					公司介绍
				</p>
				<div class="mobile-menu fix mb-3"></div>
				<div class="offcanvas__contact">
					<h4>关于我们</h4>
					<ul>
						<li class="d-flex align-items-center">
							<div class="offcanvas__contact-icon">
								<i class="fal fa-map-marker-alt"></i>
							</div>
							<div class="offcanvas__contact-text">
								<a target="_blank" href="#">郑州市管城紫荆山路59号 裕鸿国际B座 1519室</a>
							</div>
						</li>
						<li class="d-flex align-items-center">
							<div class="offcanvas__contact-icon mr-15">
								<i class="fal fa-envelope"></i>
							</div>
							<div class="offcanvas__contact-text">
								<a href="mailto:info@azent.com">
									<span class="mailto:wangjinbrand@163.com">wangjinbrand@163.com</span>
								</a>
							</div>
						</li>
						<li class="d-flex align-items-center">
							<div class="offcanvas__contact-icon mr-15">
								<i class="fal fa-clock"></i>
							</div>
							<div class="offcanvas__contact-text">
								<a target="_blank" href="#">9.00 – 18:00 周一至周五</a>
							</div>
						</li>
						<li class="d-flex align-items-center">
							<div class="offcanvas__contact-icon mr-15">
								<i class="far fa-phone"></i>
							</div>
							<div class="offcanvas__contact-text">
								<a href="tel:+15544009137">+15544009137</a>
							</div>
						</li>
					</ul>
					<div class="header-button mt-4">
						<a href="contact.html" class="theme-btn text-center">
                  <span>
                    联系我们
                    <i class="fas fa-chevron-right"></i>
                  </span>
						</a>
					</div>
					<!--					<div class="social-icon d-flex align-items-center">-->
					<!--						<a href="#"><i class="fab fa-facebook-f"></i></a>-->
					<!--						<a href="#"><i class="fab fa-twitter"></i></a>-->
					<!--						<a href="#"><i class="fab fa-youtube"></i></a>-->
					<!--						<a href="#"><i class="fab fa-linkedin-in"></i></a>-->
					<!--					</div>-->
				</div>
			</div>
		</div>
	</div>
</div>
<div class="offcanvas__overlay"></div>

<!-- Header Top Start -->
<div class="header-top-section-3">
	<div class="container-fluid">
		<div class="header-top-wrapper style-2 style-3 color-style">
			<div class="top-left">
				<ul class="contact-list">
					<li>
						<span>Call</span>
						是否还在犹豫？
						<a href="contact.html">联系我们</a>
					</li>
					<li>
						<i class="fas fa-map-marker-alt"></i>
						郑州市管城紫荆山路59号 裕鸿国际B座 1519室
					</li>
					<li>
						<i class="fas fa-envelope"></i>
						<a href="mailto:wangjinbrand@163.com" class="line-none">wangjinbrand@163.com</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<!-- Header Area Start -->
<header class="header-section-3">
	<div id="header-sticky" class="header-3">
		<div class="container-fluid">
			<div class="mega-menu-wrapper">
				<div class="header-main style-2">
					<div class="logo">
						<a href="index.html" class="header-logo">
							<img src="assets/img/logo/logo3.svg" alt="logo-img"/>
						</a>
					</div>
					<div class="header-left">
						<div class="mean__menu-wrapper">
							<div class="main-menu">
								<nav id="mobile-menu">
									<ul>
										<li class="has-dropdown active menu-thumb">
											<a href="index.html">首页</a>
										</li>
										<li class="has-dropdown active menu-thumb">
											<a href="service.html">服务</a>
										</li>
										<li class="has-dropdown active menu-thumb">
											<a href="project.html">案例</a>
										</li>
										<li class="has-dropdown active menu-thumb">
											<a href="faq.html">解决方案</a>
										</li>
										<li class="has-dropdown active menu-thumb">
											<a href="about.html">关于我们</a>
										</li>
										<li class="has-dropdown active menu-thumb">
											<a href="contact.html">联系我们</a>
										</li>
									</ul>
								</nav>
							</div>
						</div>
					</div>
					<div
							class="header-right d-flex justify-content-end align-items-center">
						<div class="header-button">
							<a href="contact.html" class="theme-btn">
                    <span>
                      联系我们
                      <i class="fas fa-chevron-right"></i>
                    </span>
							</a>
						</div>
						<div class="header__hamburger d-xl-block my-auto">
							<div class="sidebar__toggle">
								<div class="header-bar">
									<span></span>
									<span></span>
									<span></span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>

<!--<< Breadcrumb Section Start >>-->
<div
		class="breadcrumb-wrapper section-padding bg-cover"
		style="background-image: url('assets/img/breadcrumb.jpg')">
	<div class="container">
		<div class="page-heading">
			<h1 class="wow fadeInUp" data-wow-delay=".3s">Contact Us</h1>
			<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
				<li>
					<a href="index.html">首页</a>
				</li>
				<li>
					<i class="fal fa-minus"></i>
				</li>
				<li>联系我们</li>
			</ul>
		</div>
	</div>
</div>

<!--<< Contact Section Start >>-->
<section class="contact-main-area fix section-padding">
	<div class="container">
		<div class="contact-main-wrapper">
			<div class="row g-4">
				<div class="col-lg-6">
					<div class="contact-content">
						<div class="section-title mb-2">
							<span class="wow fadeInUp">联系我们</span>
							<h2 class="wow fadeInUp" data-wow-delay=".3s">联系我们</h2>
						</div>
						<p class="mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".4s">
							内容
						</p>
						<div class="row g-4 mt-3">
							<div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
								<div class="info-items">
									<div class="icon">
										<i class="fas fa-map-marker-alt"></i>
									</div>
									<div class="content">
										<h5>地址</h5>
										<p>
											郑州市管城紫荆山路59号
											<br/>
											裕鸿国际B座 1519室
										</p>
									</div>
								</div>
							</div>
							<div class="col-lg-6 wow fadeInUp" data-wow-delay=".5s">
								<div class="info-items">
									<div class="icon">
										<i class="far fa-phone"></i>
									</div>
									<div class="content">
										<h5>联系方式</h5>
										<a href="tel:+15544009137">+15544009137</a>
									</div>
								</div>
							</div>
							<div class="col-lg-6 wow fadeInUp" data-wow-delay=".7s">
								<div class="info-items">
									<div class="icon">
										<i class="fal fa-envelope"></i>
									</div>
									<div class="content">
										<h5>邮箱</h5>
										<a href="mailto:wangjinbrand@163.com" class="link">
											wangjinbrand@163.com
										</a>
									</div>
								</div>
							</div>
<!--							<div class="col-lg-6 wow fadeInUp" data-wow-delay=".9s">-->
<!--								<div class="info-items">-->
<!--									<div class="icon">-->
<!--										<i class="fad fa-share-alt"></i>-->
<!--									</div>-->
<!--									<div class="content">-->
<!--										<h5>Social</h5>-->
<!--										<div class="social-icon d-flex align-items-center">-->
<!--											<a href="#"><i class="fab fa-facebook-f"></i></a>-->
<!--											<a href="#"><i class="fab fa-twitter"></i></a>-->
<!--											<a href="#"><i class="fab fa-vimeo-v"></i></a>-->
<!--											<a href="#"><i class="fab fa-pinterest-p"></i></a>-->
<!--										</div>-->
<!--									</div>-->
<!--								</div>-->
<!--							</div>-->
						</div>
						<div class="contact-image wow fadeInUp" data-wow-delay=".4s">
							<img src="assets/img/contact.jpg" alt="img"/>
						</div>
					</div>
				</div>
				<div class="col-lg-6 mt-5 mt-lg-0">
					<div class="contact-form-items">
						<div class="contact-title">
							<h3 class="wow fadeInUp" data-wow-delay=".3s">填写内容</h3>
							<p class="wow fadeInUp" data-wow-delay=".5s">
								您的电子邮件地址将不会被公布。必填字段标有*
							</p>
						</div>
						<form id="contact-form" method="POST">
							<div class="row g-4">
								<div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
									<div class="form-clt">
										<input
												type="text"
												name="username"
												id="name"
												placeholder="您的名称*"/>
										<div class="icon">
											<i class="fal fa-user"></i>
										</div>
									</div>
								</div>
								<div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
									<div class="form-clt">
										<input
												type="text"
												name="mobile"
												id="phone"
												placeholder="您的手机*"/>
										<div class="icon">
											<i class="fal fa-phone"></i>
										</div>
									</div>
								</div>
								<div class="col-lg-12 wow fadeInUp" data-wow-delay=".5s">
									<div class="form-clt">
										<input
												type="text"
												name="email"
												id="email"
												placeholder="您的邮箱*"/>
										<div class="icon">
											<i class="fal fa-envelope"></i>
										</div>
									</div>
								</div>
								<div class="col-lg-12 wow fadeInUp" data-wow-delay=".7s">
									<div class="form-clt">
                        <textarea
		                        name="remark"
		                        id="message"
		                        placeholder="输入您的需求"></textarea>
										<div class="icon">
											<i class="fal fa-edit"></i>
										</div>
									</div>
								</div>
								<div class="col-lg-6 wow fadeInUp" data-wow-delay=".8s">
									<button type="submit" class="theme-btn">
                        <span>
                          <i class="fal fa-paper-plane"></i>
                          发送信息
                        </span>
									</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!--<< Map Section Start >>-->
<!-- <div class="map-section">
	<div class="google-map wow fadeInUp" data-wow-delay=".7s">
		<iframe
			src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6678.7619084840835!2d144.9618311901502!3d-37.81450084255415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b4758afc1d%3A0x3119cc820fdfc62e!2sEnvato!5e0!3m2!1sen!2sbd!4v1641984054261!5m2!1sen!2sbd"
			style="border: 0"
			allowfullscreen=""
			loading="lazy"></iframe>
	</div>
</div> -->

<!--<< Footer Section Start >>-->
<footer class="footer-section footer-bg section-padding pb-0">
	<div class="container">
		<div class="footer-widgets-wrapper">
			<div class="row">
				<div class="col-xl-3 col-sm-6 col-md-6 col-lg-3 wow fadeInUp" data-wow-delay=".2s">
					<div class="single-footer-widget">
						<div class="widget-head">
							<a href="index.html">
								<img src="assets/img/logo/logo4.svg" alt="logo-img"/>
							</a>
						</div>
						<div class="footer-content">
							<p>
								我们相信它有能力做到这一点
								<br/>
								令人惊奇的事情。
							</p>
							<span>有兴趣和我们一起合作吗?</span>
							<br/>
							<a href="mailto:wangjinbrand@163.com" class="link">wangjinbrand@163.com</a>
						
						</div>
					</div>
				</div>
				<div class="col-xl-2 ps-lg-5 col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay=".4s">
					<div class="single-footer-widget">
						<div class="widget-head">
							<h5>快速链接</h5>
						</div>
						<ul class="list-items">
							<li>
								<a href="service.html">服务</a>
							</li>
							<li>
								<a href="project.html">案例</a>
							</li>
							<li>
								<a href="faq.html">解决方案</a>
							</li>
							<li>
								<a href="about.html">关于我们</a>
							</li>
							<li>
								<a href="contact.html">联系我们</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-xl-2 ps-lg-4 col-sm-6 col-md-3 col-lg-3 wow fadeInUp" data-wow-delay=".6s">
					<div class="single-footer-widget">
						<div class="widget-head">
							<h5>我们的服务</h5>
						</div>
						<ul class="list-items">
							<li>
								<a href="javascript:void(0);">高端网站定制</a>
							</li>
							<li>
								<a href="javascript:void(0);">移动端网站建设</a>
							</li>
							<li>
								<a href="javascript:void(0);">小程序高端定制开发</a>
							</li>
							<li>
								<a href="javascript:void(0);">云产品</a>
							</li>
							<li>
								<a href="javascript:void(0);">电商平台</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-xl-2 col-sm-6 col-md-6 col-lg-3 wow fadeInUp" data-wow-delay=".8s">
					<div class="single-footer-widget">
						<div class="widget-head">
							<h5>地址：</h5>
						</div>
						<div class="footer-address-text">
							<p>郑州市管城紫荆山路59号 裕鸿国际B座 1519室</p>
							<h5>工作时间：</h5>
							<p>
								9.00 – 18:00
								<br/>
								周一至周五
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<div class="container">
			<div class="footer-wrapper d-flex align-items-center justify-content-between">
				<p class="wow fadeInLeft color-2" data-wow-delay=".3s">
					Copyright © 2024 by
					<a href="Http://www.bootstrapmb.com">bootstrapMB</a>
					. All Rights Reserved.
				</p>
				<ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
					<li>
						<a href="about.html">关于我们</a>
					</li>
					<li>
						<a href="contact.html">联系我们</a>
					</li>
					<li>
						<a href="faq.html">解决方案</a>
					</li>
				</ul>
			</div>
		</div>
		<a href="#" id="scrollUp" class="scroll-icon">
			<i class="far fa-arrow-up"></i>
		</a>
	</div>
</footer>

<!--<< All JS Plugins >>-->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<!--<< Viewport Js >>-->
<script src="assets/js/viewport.jquery.js"></script>
<!--<< Bootstrap Js >>-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!--<< Nice Select Js >>-->
<script src="assets/js/jquery.nice-select.min.js"></script>
<!--<< Waypoints Js >>-->
<script src="assets/js/jquery.waypoints.js"></script>
<!--<< Counterup Js >>-->
<script src="assets/js/jquery.counterup.min.js"></script>
<!--<< Slick Js >>-->
<script src="assets/js/slick.min.js"></script>
<!--<< Slick Animation Js >>-->
<script src="assets/js/slick-animation.min.js"></script>
<!--<< MeanMenu Js >>-->
<script src="assets/js/jquery.meanmenu.min.js"></script>
<!--<< Magnific Popup Js >>-->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!--<< Wow Animation Js >>-->
<script src="assets/js/wow.min.js"></script>
<!--<< Circle Progress Js >>-->
<script src="assets/js/circle-progress.js"></script>
<!--<< Ajax Mail Js >>-->
<script src="assets/js/ajax-mail.js"></script>
<!--<< Main.js >>-->
<script src="assets/js/main.js"></script>
</body>
</html>
